/* mine/pages/reRecord/reRecord.wxss */
@import "../../../commin/commin.less";

page {
  background-color: @text-color6;
  padding-bottom: 10rpx;
}
.reRecordBox{
  .paddings(40rpx,24rpx,40rpx,24rpx);
  .screen{
    display: flex;
    justify-content: space-between;
    .margins(0,24rpx,40rpx,24rpx);
    .type{
      display: flex;
      align-items: center;
      .fontsize(34rpx);
font-family: PingFang SC;
font-weight: bold;
color: @text-color2;
.img{
  .kuangao(25rpx,13rpx);
  margin-left: 24rpx;
}
    }
  }
  .statistics{
    display: flex;
    justify-content: space-between;
    text-align: center;
    .paddings(20rpx,48rpx,20rpx,48rpx);
    margin-bottom: 16rpx;
    background: linear-gradient(0deg, @white-color, #F4F6F8);
.borders(2rpx,@white-color);
box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
border-radius: 16rpx;
.statisticsNum{
  .fontsize(30rpx);
  font-family: PingFang SC;
  font-weight: bold;
  color: @blue;
}
.statisticsTxt{
  .fontsize(24rpx);
  font-family: PingFang SC;
  font-weight: 500;
  color: @text-color3;
}
  }
.record {
  margin-bottom: 40rpx;
  background: linear-gradient(0deg, @white-color, #F4F6F8);
  // .paddings(40rpx,32rpx,40rpx,32rpx);
  .borders(2rpx, @white-color);
  box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
  border-radius: 16rpx;

  .record_top {
    display: flex;
    justify-content: space-between;
    .paddings(40rpx, 32rpx, 24rpx, 32rpx);
    border-bottom: 1rpx solid @text-color5;
    ;

    .title {
      .fontsize(34rpx);
      font-family: PingFang SC;
      font-weight: bold;
      color: @text-color2;
    }

    .more {
      display: flex;
      align-items: center;
      .fontsize(28rpx);
      font-family: PingFang SC;
      font-weight: 500;
      color: @blue;

      .img {
        .kuangao(11rpx, 18rpx);
        margin-left: 12rpx;
      }
    }
  }
  .record_item{
    .margins(40rpx,32rpx,0,32rpx);
    padding-bottom: 40rpx;
    border-bottom: 1rpx dashed #C0C4CC;
  .itemDisplay{
display: flex;
justify-content: space-between;
.itemTitle{
display: flex;
align-items: center;
margin-bottom: 23rpx;
.name{

.kuan(350rpx);
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
.fontsize(30rpx);
font-family: PingFang SC;
font-weight: bold;
color: @text-color1;

}
.tag{
margin-left: 16rpx;
.kuangao(118rpx,32rpx);
.lineheight(32rpx);
.borders(1rpx,@blue);
text-align: center;
background: rgba(20, 135, 250, 0.06);
border-radius: 16rpx;
.fontsize(22rpx);
font-family: PingFang SC;
font-weight: 500;
color: @blue;
}
}
.changeAmount{
.fontsize(34rpx);
font-family: DIN;
font-weight: bold;
color: @text-color1;
}
.changeAmount1{
.fontsize(34rpx);
font-family: DIN;
font-weight: bold;
color: @orange;
}
.balance{
display: flex;
.fontsize(26rpx);
font-family: PingFang SC;
font-weight: 500;
color: @text-color3;
.money{
  color: @orange;
}
}
.time{
.fontsize(24rpx);
font-family: PingFang SC;
font-weight: 400;
color: @text-color3;
}

  }
}
.record_item:last-child { border-bottom: 0rpx;}
}
}
.popType{
  display: flex;
  .paddings(10rpx,0,10rpx,0);
  .fontsize(28rpx);
font-family: PingFang SC;
font-weight: 500;
color: @text-color3;
.checkSel{
  color: @blue;
  font-weight: bold;
}
  .all{
    .paddings(140rpx,63rpx,74rpx,70rpx);
    border-right: 1rpx solid @text-color5;
  }
  .all1{
    .paddings(38rpx,89rpx,38rpx,89rpx);
    border-right: 1rpx solid @text-color5;
  }
  
  .puptxt2{
    .paddings(38rpx,89rpx,38rpx,89rpx);
    border-right: 1rpx solid @text-color5;
  }
  .puptxt3{
    .paddings(38rpx,63rpx,38rpx,89rpx);
  }
  .popType_r{
    .margins(0,20rpx,0,20rpx);
  .pup1{
    display: flex;
    width: 470rpx;
    margin-top: 27rpx;
    padding-bottom: 38rpx;
    border-bottom: 1rpx solid @text-color5;
    .puptxt{
      margin-left: 91rpx;
    }
    .puptxt1{
      margin-left: 179rpx;;
    }
  }
  .pup2{
    display: flex;
    width: 470rpx;
    margin-top: 30rpx;
    padding-bottom: 38rpx;
    .puptxt{
      margin-left: 91rpx;
    }
    .puptxt1{
      margin-left: 179rpx;;
    }
  }
}
}
.goCharing{
  align-items: center;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: @blue;
  padding-bottom: 50rpx;
  text-align: center;
}
.noList {
  text-align: center;
  font-size: 24rpx;
  color: #9699A6;
}